body{
	height: 1000px;
}
.box{
	width: 1443px;
	height: 500px;
	margin: 50px auto;
	position: relative;
	top: 0; left: 0;
	overflow: hidden;
}
.img_box{
	width: 1500px;
	height: 500px;
	margin: 0 auto;
}
.image{
	width: 1500px;
	height: 500px;
	position: absolute;
	left: 0; top: 0; right: 0;
	margin:  auto;
	transition: all .5s;
}
.b0{
	width: 800px;
	height: 500px;
	z-index: 3;
}
.b1{
	z-index: 2;
	transform: translate(50%) scale(.8);
	opacity: .8;
}
.b2{
	z-index: 1;
	transform: translate(120%) scale(.6);
	opacity: .6;
}
.b3{
	z-index: 1;
	transform: translate(-120%) scale(.6);
	opacity: .6;
}
.b4{
	z-index: 2;
	transform: translate(-50%) scale(.8);
	opacity: .8;
}
.btn{
	width: 70px;
	height: 70px;
	position: absolute;
	top: 0; bottom: 0;
	margin: auto;
	z-index: 4;
	text-align: center;
	font-size: 44px;
	line-height: 69px;
	background: rgba(0,0,0,.3);
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
}

.leftBtn{
	left: 360px;
}
.rightBtn{
	right: 360px;
}

.dot_box{
	width: 200px;
	height: 20px;
	position: absolute;
	left: 0; right: 0; bottom: 20px;
	margin: auto;
	z-index: 4;
	display: flex;
	justify-content: space-between;
}
.dot{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff;
	opacity: .5;
	cursor: pointer;
}
li.active{
	background: #f50;
}

